<template>
    <div>
        <!-- 自定义组件传值第一种写法 -->
        <!-- <Navbar title="首页" left="返回" right="我的"></Navbar> -->    

        <!-- 自定义组件传值第二种写法 -->
        <Navbar v-bind="{'title':'首页','left':'返回','right':'我的'}"></Navbar>
        
        <Navbar v-bind="propobj"></Navbar>

    </div>
</template>

<script>
import Navbar from './Navbar.vue'
export default {
    components:{
        Navbar,
    },
    data(){
        return {
            propobj:{'title':'首页','left':'返回','right':'我的'}
        }
    }
}
</script>

<style>

</style>